<script>
import apiRequestLog from "@/pages/v1/core/RequestLog/js/apiRequestLog";
import TitleA from "@/comps/comm/TitleA.vue";

export default {
  name: 'ez-Info',
  components: {TitleA},
  data() {
    return {
      id:0,
      log:null,
    }
  },
  mounted() {
    this.id = this.$route.query.id*1
    this.getData()
  },
  methods:{
    getData(){
      apiRequestLog.find(this.id,res=>{
        console.log(res)
        this.log = res.data
      })
    }
  }
}
</script>

<template>
<div class="flex-r flex-start">
  <div>
    <div class="pad10" >
      <mu-button color="primary" icon @click="goback(-1)">
        <mu-icon value="arrow_back"></mu-icon>
      </mu-button>
    </div>
  </div>
  <div class="flex1">
    <div class="bcf pad10">
      <title-a>URL:{{log.url}}</title-a>
    </div>
    <div class="bcf mart10 pad10">
      <title-a>项目</title-a>
      <div>
        <div class="mar5 pad5" v-for="(item,index) in log.logs" :key="index">
          <div>{{item.Type}}:{{item.Title}}:{{item.item}}</div>
          <div class="mdui-color-purple-50 pad5">
            {{item.Content}}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</template>

<style scoped>

</style>